﻿html,
body,
div,
ul,
li,
a,
table,
thead,
tbody,
tr,
th,
td {
  margin: 0;
  padding: 0;
}
body {
  font-family: Cambria, 'Times New Roman', 'Nimbus Roman No9 L', 'Freeserif', Times, serif;
  font-size: 16px;
}
body a {
  font-family: Cambria, 'Times New Roman', 'Nimbus Roman No9 L', 'Freeserif', Times, serif;
  font-size: 16px;
}
body div#wrapper {
  width: 960px;
}
body div#wrapper ul.tab-strip {
  display: inline-block;
  border: 1px solid black;
  border-radius: 5px;
  margin: 15px;
  height: 230px;
  width: 340px;
  position: relative;
}
body div#wrapper ul.tab-strip > li {
  display: inline-block;
  padding: 5px 15px;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  border-radius: 5px;
  background: #ededed;
  /* Old browsers */

  background: -moz-linear-gradient(top, #ededed 0%, #ababab 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #ababab));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #ededed 0%, #ababab 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #ededed 0%, #ababab 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #ededed 0%, #ababab 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #ededed 0%, #ababab 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ababab', GradientType=0);
  /* IE6-9 */

}
body div#wrapper ul.tab-strip > li > a {
  text-decoration: none;
  color: black;
  font-size: 1.4em;
}
body div#wrapper ul.tab-strip > li > div.tab-content {
  display: none;
}
body div#wrapper ul.tab-strip > li:hover {
  background: #EEEEEE;
}
body div#wrapper ul.tab-strip > li:last-of-type {
  border-right: 0;
}
body div#wrapper ul.tab-strip > li.current {
  border-bottom: 0;
  border-right: 1px solid black;
  border-radius: 0;
  background: none;
}
body div#wrapper ul.tab-strip > li.current > a {
  font-weight: bold;
}
body div#wrapper ul.tab-strip > li.current:last-of-type {
  border-right: 0;
}
body div#wrapper ul.tab-strip > li.current > div.tab-content {
  position: absolute;
  left: 0px;
  top: 30px;
  padding: 20px;
  display: block;
}
body div#wrapper ul.tab-strip > li.current > div.tab-content > ul {
  list-style-type: disc;
}
body div#wrapper ul.tab-strip > li.current > div.tab-content > ul > li > ul {
  list-style-type: lower-alpha;
  margin-left: 25px;
}
body div#wrapper ul.tab-strip > li.current > div.tab-content > table {
  border: 1px solid black;
  border-collapse: collapse;
}
body div#wrapper ul.tab-strip > li.current > div.tab-content > table tr td,
body div#wrapper ul.tab-strip > li.current > div.tab-content > table tr th {
  width: 100px;
  border: 1px solid black;
  padding: 5px;
}
body div#wrapper ul.tab-strip > li.current > div.tab-content > table tr th {
  background: #ababab;
  /* Old browsers */

  background: -moz-linear-gradient(top, #ababab 0%, #eeeeee 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ababab), color-stop(100%, #eeeeee));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #ababab 0%, #eeeeee 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #ababab 0%, #eeeeee 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #ababab 0%, #eeeeee 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #ababab 0%, #eeeeee 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ababab', endColorstr='#eeeeee', GradientType=0);
  /* IE6-9 */

}
body div#wrapper ul.tab-strip > li.current > div.tab-content > table tr td {
  background: #EEEEEE;
}
